<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/music.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<!--<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">-->
    <script type="text/javascript" src="js/jquery.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
	<style>
		.container-fluid {
			padding-right: 0px;
			padding-left: 0px;
			margin-right: 0px;
			margin-left: 0px;
		}
        .muss{
        	width: 10%;
         	float: left;
            margin-left: 10%;
         }
         .dropdown-menu{
         	min-width: 100px;
         	margin: 2px 100px 0;
         }
	</style>
</head>
<body>
	<div class="container-fluid">
	<nav class="navbar navbar-default" role="navigation" style="margin-bottom:0px">
    <div class="nav_box">
        <ul class="nav navbar-nav" style="width: 100%;margin-bottom: 0px;margin-left: 10%">
            <li class="active"><a href="sy.html">首页</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    音乐风格
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="music.html" >流行音乐</a></li>
                    <li><a href="music2.html" >经典老歌</a></li>
                    <li><a href="music3.html">民谣</a></li>
                </ul>
            </li>
            <li><a href="VIP.html">VIP</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="form.html" id="islogin"></a></li>
        </ul>
    </div>
    </nav>
	</div>
	<div id="myCarousel" class="carousel slide" style="height: 70%;">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="img/2.jpg" alt="First slide">
		</div>
		<div class="item">
			<img src="img/3.jpg" alt="Second slide">
		</div>
		<div class="item">
			<img src="img/1.jpg" alt="Third slide">
		</div>
	</div>
	<!-- 轮播导航 -->
	<a class="carousel-control left" href="#myCarousel" 
	   data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel" 
	   data-slide="next">&rsaquo;</a>
</div>
<div class="content_mi">
	<span class="content_tit banner_show_btn">智研音乐库</span>
	<div class="tab"> 
	  <ul class="nav nav-pills" style="margin-top: 3%;">
                <li class="active muss" style="float: left;margin-left: 25%;background-image: url(./img/g.jpg);background-repeat: no-repeat;background-size: 100% 110%;"><a href="music.html">流行音乐</a></li>
                <li class="active muss" style="float: left;margin-left: 10%;background-image: url(./img/k.jpg);background-repeat: no-repeat;background-size: 100% 110%;"><a href="music2.html">经典老歌</a></li>
                <li class="active muss" style="float: left;margin-left: 10%;background-image: url(./img/d.jpg);background-repeat: no-repeat;background-size: 100% 110%;"><a href="music3.html">民谣</a></li>
       </ul>
	</div>	
</div>
<div class="content_und">
	<span class="content_tit banner_show_btn">开通VIP</span>
	<div class="tab_vip"> 
	 <!--<ul class="nav nav-pills">
	<li class="active"><a href="#">普通VIP</a></li>
	<li class="active"><a href="#">付费音乐包</a></li>
	<li class="active"><a href="#">豪华付费音乐包</a></li>
</ul>-->
    <div class="vi_a">
    	<h4>免费会员</h4>
    	<span>0元/月</span>
    	<span>免费注册</span>
    	<span>标准音质在线试听</span>
    	<button type="button" class="btn btn-primary btn-sm " style="margin-top: 50px;"><a href="form.html">立即开通</a></button>
    </div>
	<div class="vi_b">
    	<h4>普通会员</h4>
    	<span>18元/月</span>
    	<span>付费音乐畅听无阻，给你在音乐大厅一样的感觉，每月400首歌曲下载</span>
    	<button type="button" class="btn btn-primary btn-sm " style="margin-top: 50px;"><a href="form.html">立即开通</a></button>
	</div>
	
	<div class="vi_c">
    	<h4>超级会员</h4>
    	<span>30元/月</span>
    	<span>急速下载、高清歌曲任意下，带你畅游在音乐的海洋</span>
    	<button type="button" class="btn btn-primary btn-sm " style="margin-top: 50px;"><a href="form.html">立即开通</a></button>
	</div>
	</div>
	</div>
</div>
<div class="footer">
<p style="margin: 0 0 0;">北京华善盛世网络科技有限公司 京ICP备 17019399</p><p style="margin: 0 0 0;">京网文[2018] 2280-230 号</p></div>

<script>

	$.ajax({
		url: 'islogin',
		type:"GET",
		dataType: "JSON",
		success: function(result) {
			if(result.code == '1') {
				//已登录
				$("#islogin").text(result.data);
				$("#islogin").attr("disabled",true).css("pointer-events","none");
			}else {
				$("#islogin").text("登录/注册");
			}
		},
		error: function(result, status) {
			$("#islogin").text("登录/注册");
		}
	});
</script>

</body>
</html>